<template>
<h3 style="text-align: center">注册页面</h3>
<table>
    <tr>
        <td>用户名称</td>
        <td><input type="text" placeholder="请输入用户名" v-model="info.Uname"></td>
    </tr>
    <tr>
        <td>密码</td>
        <td><input type="password" placeholder="请输入密码" v-model="info.Upwd"></td>
    </tr>
    <tr>
        <td colspan="2" style="text-align: center;">
                <input type="button" value="注册" @click="SaveData">
        </td>
    </tr>
</table>
</template>
<script setup lang="ts">

import axios from 'axios';
import {ref} from 'vue'
import { useRouter } from 'vue-router'
const Router=useRouter()    
//响应式数据
const info=ref({
    Uname:"",
    Upwd:""
})

//注册时间
const SaveData=()=>{
if(!info.value.Uname){
    alert("用户名不能为空")
    return
}
if(!info.value.Upwd){
    alert("密码不能为空")
    return
}
    axios({
        url:"https://localhost:44358/api/Users/UserRegister",
        method:"post",
        data:{
            UL_Name:info.value.Uname,
            UL_Pwd:info.value.Upwd
        }
    })
    .then(res=>{
        if(res.data>0){
            alert("添加成功")
            Router.push("/Ulogin")
            return
        }
        else if(res.data==-1){
            alert("用户名已经存在")
            return
        }
        else{
            alert("注册失败")
            return
        }
    })
    .catch(err=>{
        console.log(err)
    })
    //1.获取用户输入的用户名称、密码
}
</script>